草庐IT

gulp + mockjs模拟前端数据

全部标签

javascript - TypeScript、React 和 Gulp.js - 定义 React

我正在尝试创建一个工作流程,我可以在其中使用TypeScript编写React模块并通过Gulp.js自动编译为JavaScript。我正在使用TypeScript1.6.2、gulp-react和gulp-typescript。我的.tsx文件现在看起来像这样:///importReact=__React;interfaceHelloWorldProps{name:string;}varHelloMessage=React.createClass({render:function(){returnHello{this.props.name};}});React.render(,doc

javascript - 如何在 Gulp 4 中使用异步/等待?

我正在尝试做这样的事情:gulp.task("test",async()=>{returngulp.src("**/*.scss").pipe(print((filePath)=>`File:${filePath}`));});(打印为gulp-print)但它给出了以下内容:[22:08:43]Starting'test'...[22:08:43]Finished'test'after12ms[22:08:43]File:src\app\styles\app.scss[22:08:43]File:src\app\styles\test.scss即它在打印消息之前完成。我正在使用Gul

javascript - 使用 cowboy 和 MessagePack 通过 websocket 发送二进制数据

我正在尝试通过WebSocket从Cowboy向浏览器发送MessagePack编码的消息,但接收到的数据始终为空或无效。我可以将二进制数据从JS发送到我的牛仔处理程序,但反之则不行。我将Cowboy1.0.4与官方msgpack-erlang一起使用应用。我也用msgpack-lite对于我的浏览器内javascript。例子:websocket_handler:websocket_handle({text,>},Req,State)->%%sendsencodedmessagetoclient.Clientisunabletodecodeandfails{reply,{binary

javascript - 在 Angular 2 中的多个组件之间共享 WebSocket 数据的最佳方式?

我开始构建一个应用程序。有很多组件。他们每个人都需要来自1个webSocket的一部分数据。webSocket接收对象示例:每个Angular2组件都需要来自接收对象的1个字段。是否可以创建1个服务,连接到webSocket,接收数据并在所有组件之间共享?我认为这将是一个很好的解决方案。现在我正在使用下一种方法:getConfigCallback(){this.connectionSockets.telemetry=io(this.config.connections.telemetry);this.connectionSockets.controlFlow=newWebSocket(

javascript - Gulp 在 Windows 上运行失败 |错误消息 : Microsoft JScript compilation error, 无效字符

我在我的Windows7本地机器上安装了Node.js如下链接所示:install-node-js-npm-windows之后我通过命令行通过这个命令安装了Gulp.js:npminstall-ggulp然后我将此路径添加到环境变量区域:C:\Users\Majid\AppData\Roaming\npm\node_modules\gulp\bin现在,当我尝试通过此命令运行gulp时:gulp我得到了这个错误:WindowsScriptHostLine:1Char:1Error:InvalidcharacterCode:800A03F6Source:MicrosoftJScriptc

javascript - enzyme 模拟提交表单,无法读取未定义的属性 'value'

我在使用jest和enzyme测试组件时遇到了一些困难。我想做的是测试提交名称字段中没有值的表单。这将确保组件显示错误。但是,当我运行其余部分时,我的控制台出现错误:TypeError:Cannotreadproperty'value'ofundefined我对前端测试和一般测试还很陌生。所以,我不完全确定我是否正确地使用enzyme进行此类测试。我不知道我的测试是否不正确,或者我是否刚刚编写了一个不容易测试的组件。如果可以更轻松地测试,我愿意更改我的组件吗?组件classInputFormextendsComponent{constructor(props){super(props)

javascript - 在 ajax post issue 中传递数据

场景:需要将包含子对象列表的对象传递给Controller​​。问题:我能够获取对象的值,但不能获取对象内子对象列表的值。代码:index.cshtmlfunctionsendData(){varstudent={Id:1,Name:"xxx",Marks:[{Subject:"Maths",Mark:80},{Subject:"Science",Mark:75}]}$.ajax({url:'@Url.Action("Receive","Home")',data:student,success:function(data){alert("done");},error:function(

javascript - Firebase - 通过键或 chid 值获取数据 - javascript

我正在尝试从firebase数据库中读取数据,并将其显示在网页中。我的数据库结构如下-如果你看到图片,我可以使用下面的代码读取“UserData”-firebase.initializeApp(config);vardatabase=firebase.database();varref=database.ref('UserData');ref.once('value',gotData1,errData);functiongotData1(data){//console.log(data.val());varusrData=data.val();varkeys=Object.keys(u

javascript - 实时数据无限滚动

我正在尝试在Web应用程序中实现无限滚动,可以从服务器添加或删除记录,按其ID的字母顺序排序,相关数据也可以随时更改,我必须显示最新数据.我了解无限滚动的工作原理以及如何显示一组固定对象的最新数据(在我的例子中,反复轮询并将数据转储到View中),但我无法理解如何将两者集成。API使用游标,每次向我发送20条记录。请帮忙 最佳答案 我想我明白你最关心的是什么。具有实时更新的无限滚动很难实现。您必须仔细考虑并弄清楚您真正想要实现的目标。有几种情况需要考虑,为简化起见,假设我们使用带有行的网格:可见行已更改(编辑)在可见行之间添加了新行

javascript - Identity Server 4 + Identity Framework + React 前端

我正在寻找有关如何正确组合这样的环境的建议。Quickstarts中有大量信息和大量Material要涵盖,但经过3天的反复试验后,我仍然感到相当迷茫。我熟悉.NETFramework中的IdentityFramework,但在此之前从未使用过IdentityServer。我们有一个基于Node和MySql构建的微服务设置...Docker容器中的一系列服务,这些服务与MySql集群中它们自己的数据库节点通信。我们有一个内置于React和Redux中的管理UI-它将从AWS存储桶运行。我的任务是使用IdentityServer对这个React前端进行身份验证。我们不会用它对API进行身